<template>
  <el-row class="leftmenu">
    <el-col :span="24">
      <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" @select="abc">
        <el-submenu index="1">
          <template slot="title"><i class="el-icon-message"></i>脚本管理</template>
          <el-menu-item-group>
            <template slot="title">分组一</template>
            <router-link to="/index/datatable">
              <el-menu-item index="1-1">
                DataTable
              </el-menu-item>
            </router-link>
            <el-menu-item index="1-2">选项2</el-menu-item>
          </el-menu-item-group>
          <el-menu-item-group title="分组2">
            <el-menu-item index="1-3">选项3</el-menu-item>
          </el-menu-item-group>
          <el-submenu index="1-4">
            <template slot="title">选项4</template>
            <el-menu-item index="1-4-1">选项1</el-menu-item>
          </el-submenu>
        </el-submenu>
        <el-menu-item index="2"><i class="el-icon-menu"></i>设备管理</el-menu-item>
        <el-menu-item index="3"><i class="el-icon-upload2"></i>应用管理</el-menu-item>
        <el-menu-item index="4"><i class="el-icon-setting"></i>数据管理</el-menu-item>
        <el-menu-item index="5"><i class="el-icon-date"></i>任务管理</el-menu-item>
        <el-menu-item index="6"><i class="el-icon-document"></i>案例管理</el-menu-item>
        <el-menu-item index="7"><i class="el-icon-upload"></i>录制</el-menu-item>

      </el-menu>
    </el-col>
  </el-row>
</template>

<script type="text/ecmascript-6">
  export default {
    methods: {
      handleOpen (key, keyPath) {
        console.log(key, keyPath)
      },
      handleClose (key, keyPath) {
        console.log(key, keyPath)
      },
      abc (index, indexPath, obj) {
        console.log(index)
        console.log(indexPath)
        console.log(obj)
      }
    }
  }
</script>

<style lang="css">
  .leftmenu {
    height: 100%;
    width: 200px;
    border: 1px #ccc solid;
    overflow:auto;
    position: absolute;
    left: 0;
    top: 0;
    padding-top:40px;
    background: #eff2f7;
  }
</style>
